<ion-header>
  <ion-toolbar class="orange-bar">
    <ion-buttons slot="start">
      <ion-button color="light" (click)="doPop()">
        <ion-icon name="ios-arrow-back"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title>上传资料</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-list *ngIf="dataList && dataList.length > 0;else nullBlock">
    <ion-list-header>
      <ion-label>
        <p>点击相关项目，可查看详细信息</p>
      </ion-label>
    </ion-list-header>
    <ion-item *ngFor="let data of dataList" (click)="openUserItemsModel(data)">
      <ion-thumbnail slot="start">
        <img [src]="data['face']">
      </ion-thumbnail>
      <ion-label text-wrap>
        <h3 class="color-blue">{{data['name']}}{{data['itemNum'] > 0 ? '(' + data['itemNum'] + ')' : ''}}</h3>
        <p>{{data['description']}}</p>
      </ion-label>
      <ion-badge slot="end" [color]="(data['status'] | i18nSelect:configService.userItemsStatusColor)">
        {{data['status'] | i18nSelect:configService.userItemsStatus}}
      </ion-badge>
    </ion-item>
  </ion-list>
  <ng-template #nullBlock>
    <ion-list>
      <ion-item><ion-label>无需上传资料</ion-label></ion-item>
    </ion-list>
  </ng-template>
</ion-content>
